<template>
    <div class="w-main h-main">
        <el-scrollbar class="p-4">
            <div class="w-full p-0.5 gap-2 border border-success rounded-md divide-y-2 divide-success/20">
                <div id="video-player" class="rounded-md" />
                <div class="w-full flex flex-row p-2 text-lg text-title">
                    最高级おもてなしソープ背徳中出し3连発加藤妃乃[MGSだけのおまけ映像付き15分-加藤妃乃。
                </div>
            </div>
        </el-scrollbar>
    </div>
</template>

<script setup lang="ts">
import 'xgplayer/dist/index.min.css';
import { onMounted } from "vue";
import Player from 'xgplayer';

onMounted(() => {
    new Player({
        id: 'video-player',
        url: '//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4',
        fluid: true,
    });
});
</script>